import GeekIcon from "@shared/geekIcon"; // 从共享目录导入GeekIcon组件
import { useNavigate } from "react-router-dom"; // 从react-router-dom导入useNavigate钩子

interface Props {
  click?: () => void; // 可选的click属性，是一个无返回值的函数
}

// 定义并导出Back组件，接收Props类型的参数
export default function Back({ click }: Props) {
  const navigate = useNavigate(); // 使用useNavigate钩子获取navigate函数
  return (
    <GeekIcon
      type={"iconfanhui"} // 设置图标类型为"iconfanhui"
      style={{ width: "4.5333vw", height: "4.5333vw" }} // 设置图标样式
      onClick={() => {
        // 点击图标时的处理函数
        // 执行开发者的自定义逻辑
        if (typeof click === "function") click(); // 如果click是函数，则调用
        // 返回上一页
        navigate(-1); // 调用navigate函数，参数为-1表示返回上一页
      }}
    />
  );
}